<div id="dialog">
    <div id="container">
        <!-- 导航顶部 -->
        <nav>
            <div id="logo">
                <a [routerLink]="[ '/home' ]">
                    <img src="assets/images/logo2.png">
                </a>
            </div>
            <div class="position">
                <a href="#">
                    <i class="icon iconfont iconlocation"></i>&nbsp;
                    <span>苏州</span>
                </a>
            </div>
            <div class="nav">
                <a [routerLink]="[ '/home' ]" routerLinkActive="active">首页</a>
                <a [routerLink]="[ '/cake' ]" routerLinkActive="active">蛋糕名录</a>
                <a [routerLink]="[ '/bread' ]" routerLinkActive="active">面包西点</a>
                <a [routerLink]="[ '/about' ]" routerLinkActive="active">关于我们</a>
            </div>
            <div class="search">
                <form method="POST">
                    <input type="text" placeholder="请输入要查找的内容">
                    <a [routerLink]="[ '/bread' ]">搜索</a>
                </form>
            </div>
            <div class="user">
                <a [routerLink]="[ '/mine' ]">
                    <i class="icon iconfont icongerenzhongxin_default"></i>
                </a>
            </div>
        </nav>

        <!-- 主体 -->
        <router-outlet></router-outlet>

        <!-- 页脚底部 -->
        <footer>
            <div></div>
            <div>
                <a href="#">购物指南</a>
                <a href="#">配送方式</a>
                <a href="#">售后服务</a>
                <a href="#">预约制作</a>
                <a href="#">其他服务</a>
            </div>
            <p>如果您有任何疑问，请拨打客服电话：400-000-0000 或发邮件至客服邮箱：809619309@qq.com</p>
            <p>商务合作:如果您有商品或网站方面的合作，联系电话：021-62868761</p>
            <p>LOLITAKE All Rights Reserved </p>
            <p>沪ICP备00000000号-1</p>
        </footer>
    </div>

    <!-- 指引 -->
    <div id="guide">
        <a [routerLink]="['/cart']">
            <i class="icon iconfont iconCART"></i>
            <p>购物车</p>
        </a>
        <a [routerLink]="['/mine']">
            <i class="icon iconfont icongerenzhongxin_default"></i>
            <p>个人中心</p>
        </a>
        <a href="#">二维码</a>
        <a href="javascript:;" (click)="backTop()">
            <i class="icon iconfont icontop"></i>
            <p>回顶部</p>
        </a>
    </div>
</div>